/*
    New email (send app) form */

section#new-email {
    padding-top: @topHeight + 5px;
    height: 100%;
    position: relative;

    form {
        margin: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

        label {
            width: 55px;
            text-align: right;
            padding-right: 2px;
            font-size: 14px;
            margin-bottom: 10px;
            position: absolute;
            margin-top: 4px;
        }

        div input {
            padding: 2px 9px;
            margin: 0 2px;
            font-size: 14px;
            border: 1px solid;
            width: 100%;
            border-radius: @borderRadius;
            outline: none;
        }

        input#subject {
            height: 32px;
        }

        div.wide, div.wide, div.two-third, div.third, div.half {
            margin-bottom: 5px;
        }

        div#account, div#to, div#cc, div#bcc {
            margin-left: 60px;
        }

        div#subject-wrapper {
            margin-left: 58px;
            margin-right: 2px;
        }

        label#message-label {
            margin-top: 5px;
        }

        div#textarea-body {
            position: absolute;
            right: 20px;
            bottom: 90px;
            left: 70px;
            top: 180px;

            &.short {
                bottom: 150px;
            }
        }

        blockquote#reply-quote {
            margin: 0;
            max-height: 100px;
            right: 20px;
            left: 70px;
            overflow-y: auto;
            position: absolute;
            bottom: 50px;

            * {
                pointer-events: none;
            }
        }

        label#include_quote {
            width: auto;
        }
        input#include_quote {
            width: auto;
            margin-left: 60px;
        }

        #include-quote {
            position: absolute;
            bottom: 7px;
            left: 145px;
            width: 200px;

            &.sending {
                left: 130px;
            }

            label {
                width: auto;
                padding-left: 1px;
            }
            input {
                height: 32px;
            }
        }

        div.buttons {
            left: 60px;
            padding: 5px 10px;
            font-size: 16px;
            border: none;
            position: absolute;
            bottom: 10px;
            right: 10px;

            button.send.submit {
                border-radius: @borderRadius 0 0 @borderRadius;
            }

            button.save {
                border-radius: 0 @borderRadius @borderRadius 0;
            }

            button.attach {
                left: auto;
                right: 20px;
                bottom: 10px;
                float: right;
            }
        }


        /*
            Quill editor overrides */

        div#textarea-body {
            .ql-editor {
                padding: 8px 8px;
            }

            .ql-toolbar.ql-snow {
                padding: 4px 1px;
            }

            .ql-container {
                font-size: 14px;
                font-family: 'Open Sans';
            }
        }
    }
}
